$(document).ready(function(){// 反应式编程：当页面加载完成后执行
    $("#greet").click(function(){// 当点击按钮时执行
        var name = $("#name").val();// 从输入框获取姓名
        if (name == "") {
            name = "访客";
        }
        var greeting = "你好，" + name + "！欢迎来到我的网页。";// 拼接欢迎词
        $("#greeting").text(greeting);// 显示欢迎词
    })
    $("#add").click(function(){// 事件绑定：当点击添加按钮时执行
        let book = $("form input#book").val();
        let author = $("form input#author").val();
        let tr = '<tr><td>'+book+'</td><td>'+author+'</td><td><button class="btn btn-danger delete">删除</button></td></tr>';
        $("table tbody#book-list").append(tr);
    });
    $("table").on("click", ".delete", function(event){// 事件委托：当点击删除按钮时执行
        $(event.target).parents("tr").remove();
    });
})